<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link
	href="${pageContext.request.contextPath}/statics/css/charisma-app.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/statics/css/bootstrap-cerulean.min.css"
	rel="stylesheet">

<title>WMS</title>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/statics/img/favicon.ico">

<style>
	body{
		background: linear-gradient(10deg, rgba(55, 95, 255, 1) 0%,
			rgba(55, 95, 255, 1) 0%, rgba(6, 193, 255, 1) 100%,
			rgba(6, 193, 255, 1) 100%);
	}
	
	#vcode{
		width: 50%;
	}
	.vcode-img{
		float: right;
		font-size:12px;
		height: 50px;
		margin-top: -50px;
    	margin-left: 230px;
    	pointer-events: all;
	}
	@media only screen and (min-width:768px){
		.vcode-img{
			margin-top: -50px;
    		margin-left: 230px;
		}
	}
	
	/* a标签失效解决 */
	.codeClick{
		
		display:inline-block;
		position:relative;
		z-index:99999;
	/*     float: right;
   		 margin-top: -50px; */
   }
	
</style>
</head>
<body>

	<div class="ch-container" id="mydiv" style="height: auto;">
		<div class="row">

			<div class="row">
				<div class="col-md-12 center login-header">
					<h2>仓库管理系统</h2>
				</div>
			</div>
		
			<div class="row" style="width:85%;margin:auto;">
				<div class="well col-md-5 center login-box">
					<div id="err-tip" class="alert alert-info" style="display:none;">请输入用户名和密码</div>
					<form id="loginForm" class="form-horizontal">
						<fieldset>
							<div class="input-group input-group-lg">
								<span class="input-group-addon"><i
									class="glyphicon glyphicon-user red"></i></span> <input type="text"
									class="form-control" name="loginCode" placeholder="用户名">
							</div>
							<div class="clearfix"></div>
							<br>

							<div class="input-group input-group-lg">
								<span class="input-group-addon"><i
									class="glyphicon glyphicon-lock red"></i></span> <input
									type="password" class="form-control" name="password"  autocomplete="off"
									placeholder="密码">
							</div>
							<br>
							<div class="clearfix"></div>
							<div class="input-group input-group-lg">
								<span class="input-group-addon"><i
									class="glyphicon glyphicon-user red"></i></span> 
								<input type="text"
									id="vcode"
									class="form-control" name="vcode" placeholder="验证码">
							</div>
							<!-- 框架问题  -->
							
						
							 <div class="vcode-img" >
								<a href="javascript:loadImg();"  class="codeClick">
									<img id="img-vcode" src=""> 看不清,换一张
								</a>
							</div>
							
							<br>
							<div class="clearfix"></div>
							
							<p class="center col-md-5">
								<a href="javascript:void(0);" id="loginAction" class="btn btn-primary">登录</a>
							</p>

							<p class="center">@2020 WMS</p>
						</fieldset>
					</form>
				</div>
			</div>
		</div>	
		<canvas width="auto" height="580px" style="display: block;"></canvas>	
	</div>

	


	<script type="text/javascript"
		src="${pageContext.request.contextPath}/statics/js/jquery.min.js"></script>
	<script src="${pageContext.request.contextPath}/statics/js/jquery-validate/jquery.validate.js"></script>
	<script src="${pageContext.request.contextPath}/statics/js/jquery-validate/additional-methods.js"></script>
	<script src="${pageContext.request.contextPath}/statics/js/jquery-validate/messages_zh.js"></script>
	<script src="${pageContext.request.contextPath}/statics/js/jquery-validate/validate-methods.js"></script>
		
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/statics/js/canvas-particle.js"></script>	
	<script type="text/javascript">
		 /*var a = function() {
			//配置
			var config = {
				vx : 4, //小球x轴速度,正为右，负为左
				vy : 4, //小球y轴速度
				height : 2, //小球高宽，其实为正方形
				width : 2,
				count : 300, //点个数
				color : "121, 162, 185", //点颜色
				stroke : "130,255,255", //线条颜色
				dist : 6000, //点吸附距离
				e_dist : 50000, //鼠标吸附加速距离
				max_conn : 10
				//点到点最大连接数
			}
			CanvasParticle(config);
		} 
		a();*/
	</script>
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/statics/local/js/login.js"></script>
</body>
</html>